@font-face {
  font-family: 'iconfont';
  src: url('http://at.alicdn.com/t/font_1461043228_628006.eot'); /* IE9*/
  src: url('http://at.alicdn.com/t/font_1461043228_628006.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/font_1461043228_628006.woff') format('woff'), /* chrome、firefox */
  url('http://at.alicdn.com/t/font_1461043228_628006.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('http://at.alicdn.com/t/font_1461043228_628006.svg#iconfont') format('svg'); /* iOS 4.1- */
}  

.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}


.slate-green-text {
  color: #009999;
}

.slate-green {
  background-color: #282F34;
}

.top-nav .register-button {
  color: white;
}

.brand-logo {
  left: 50px;
}

main.container {
  position: relative;
  width: 100%;
  height: 400px;
  background-image: url('/img/service-group.jpg');
}

.slogan-warpper {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  width: 500px;
  height: 150px;
  background-color: rgba(47,53,59,.4);
  margin-top: 50px;
}

.slogan-warpper * {
  color: #fefefe;
  text-align: center;
}

.slogan-title {
  font-size: 28px;
}

.slogan-text {
  font-size: 18px;
}

.container .register-button {
  display: block;
  width: 150px;
  height: 40px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 230px;
  text-align: center;
  font-size: 18px;
}

.login-layer {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
}

div[class$="-panel"] {
  height: 400px;
  width: 400px;
  background-color: #ffffff;
  position: absolute;
  margin: auto;
  top: 0; left: 0; bottom: 0; right: 0;
  border-radius: 2px;
}


[class$="-panel-header"] {
  padding-left: 10px;
  padding-top: 5px;
}

.top-nav {
  height: 60px;
}

.top-nav * {
  color: #333333;
}

.logo-img {
  padding-top: 10px;
}

.brand-title {
  font-size: 16px;
  color: grey;
  position: relative;
  right: 7px;
  bottom: 2px;
}

.register-button {
  background-color: #329fd9;
}

.register-button:hover {
  background-color: #0d92d8;
}

.login-panel-header .login-panel-header-status {
  font-size: 20px;
}

.login-panel-close {
  float: right;
  margin: 0 10px 0 0;
}

.nav-mobile li form * {
  color: white;
}

.main-container {
  width: 100%
}

.iframecode-wrap, .serviceurl-wrap {
  position: relative;
}

.iframcode-text, .serviceurl-text {
  margin-right: 30px;
}

.copy-button {
  position: absolute;
  background-color: #000000;
  color: #ffffff;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;

}

.copy-button i{
  font-size: 20px;
}

.config-content {
  margin-top: 20px;
}

.config-nav-list {
  margin-top: 30px;
}

.config-nav-item {
  height: 40px;
  padding: 10px;
}

.config-nav-item:hover {
  background-color: #d6d6d6;
}

.config-nav-item a {
  color: black;
  display: block;
  width: 100%;
}

.config-nav-item.active {
  background-color: #329fd9;
}


.config-nav-item.active a{
  color: white;
}

.service-list {
  max-width: 700px;
  margin-top: 20px;
}

.service-list input {
  max-width: 100px;
}

.service-list-table {
  margin-top: 20px;
}
